<template>
  <div class="report-warp">
    <div class="report-panel">
      <mt-radio
        title="请选择你认为该视频违规的类型"
        v-model="value"
        :options="options">
      </mt-radio>
    </div>
    <div class="btn-panel">
      <button class="report-btn" @click="report">确&nbsp;定</button>
    </div>
  </div>

</template>

<script>
  import { Toast } from 'mint-ui';
  export default {
    data () {
      return {
        options : [
          {
            label: '色情低俗',
            value: '0'
          },
          {
            label: '非法政治',
            value: '1'
          },
          {
            label: '暴恐',
            value: '2'
          },
          {
            label: '枪枝毒品',
            value: '3'
          },
          {
            label: '禁限售',
            value: '4'
          },
          {
            label: '版权影视',
            value: '5'
          },
          {
            label: '其他',
            value: '6'
          }

        ],
        value: "0",
        params : {
          livingId : this.$route.query.id,
          memberId : 'mytestmember',
          reportType : ''
        }
      }
    },
    components: {
    },
    computed: {},
    beforeMount(){

    },
    mounted(){
    },
    activated(){

    },
    methods: {
      report() {
        this.params.reportType = this.value;
        this.httpPost(this.API.livingReport, this.params).then((res) => {
          if (res) {
            Toast({
              message: res.data,
              duration: 1500
            });
            setTimeout(() => {
              this.$router.go(-1)
            },1500)
          }
        })
      }
    }
  }
</script>

<style lang="scss"></style>
